<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>KWIC_主程序-子程序</title>
    <link href="css/about.css" rel="stylesheet">
</head>

</html>
<body>
    <div class="about">

        <div class='ribbon'>
            <a href='./OOB.html'><span>面向对象</span></a>
            <a href='./MAIN.html'><span>主程序-子程序</span></a>
            <a href='./Observe.html'><span>事件系统</span></a>
            <a href='./PIPE.html'><span>管道-过滤</span></a>
        </div>

        <div class=" about_tit" id="colle"></div>
        <h1>原理解释</h1>
        <div>主程序-子程序风格是结构化程序设计的一种典型风格，从功能的观点设计系统，通过逐步分解和细化，形成整个系统的体系结构。</div>
        <h1>原理图</h1>
        <div><img src="./img/main.webp"></div>
        <br><hr>
        <div><h1>代码结构、关键函数代码程序</h1></div>
        <div><img src="./img/img.png"></div>
        <div><img src="./img/img_1.png"></div>
        <div><img src="./img/img_2.png"></div>
        <div><img src="./img/img_3.png"></div>
    </div>

</body>

    <script src="https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js"></script>
    <script>
        axios({
            method: 'get',
            url: '/mabr',
        }).then((res)=>{
            document.getElementById("colle").innerText=res.data;
        })
    </script>



